<template>
  <div>
    <el-tabs v-model="active">
    <el-tab-pane label="基本信息" :name="0"></el-tab-pane>
    <el-tab-pane label="工作信息" :name="1"></el-tab-pane>
    <el-tab-pane label="紧急联系人" :name="2"></el-tab-pane>
    <el-tab-pane label="影像资料" :name="3"></el-tab-pane>
    <el-tab-pane label="工作经历" :name="4"></el-tab-pane>
    <el-tab-pane label="家庭成员" :name="5"></el-tab-pane>
  </el-tabs>
    <avue-form :option="option[active]"
               v-model="form"></avue-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      form: {},
      option: [
        {
          column: [
            {
              label: "姓名",
              prop: "name"
            },
            {
              label: "手机",
              prop: "phone"
            },
            {
              label: "身份证",
              prop: "idcard"
            },
            {
              label: "民族",
              prop: "native",
              type: "select"
            },
            {
              label: "籍贯",
              prop: "jg",
              type: "select"
            },
            {
              label: "现住址",
              prop: "xzz",
              type: "textarea"
            },
            {
              label: "婚姻状况",
              prop: "hyzk",
              type: "select"
            },
            {
              label: "有无子女",
              prop: "ywzn",
              type: "select"
            },
            {
              label: "居住状况",
              prop: "zzzk",
              type: "select",
              row: true
            }
          ]
        },
        {
          column: [
            {
              label: "部门",
              prop: "bm",
              type: "select"
            },
            {
              label: "职位",
              prop: "zw",
              type: "select"
            },
            {
              label: "最高学历",
              prop: "zgxl",
              type: "select"
            },
            {
              label: "政治面貌",
              prop: "zzmm",
              type: "select"
            },
            {
              label: "工作年限",
              prop: "gznx",
              type: "select"
            },
            {
              label: "职级工资",
              prop: "ccgz",
              type: "select"
            },
            {
              label: "入司时间",
              prop: "rssj",
              type: "select",
              row: true
            },
            {
              label: "合同签订日期",
              prop: "htrq",
              type: "date"
            },
            {
              label: "合同到期时间",
              prop: "htdq",
              type: "date"
            }
          ]
        },
        {
          column: [
            {
              label: "紧急联系人姓名",
              prop: "jjxm",
              type: "select"
            },
            {
              label: "紧急联系电话",
              prop: "jjdh",
              type: "select"
            },
            {
              label: "紧急联系地址",
              prop: "jjdz",
              type: "select"
            },
            {
              label: "与本人关系",
              prop: "brgx",
              type: "select"
            }
          ]
        },
        {
          column: [
            {
              label: "身份证",
              prop: "test",
              type: "upload"
            },
            {
              label: "毕业证",
              prop: "test",
              type: "upload"
            },
            {
              label: "相关职业资格证书",
              prop: "test",
              type: "upload"
            },
            {
              label: "获奖证书",
              prop: "test",
              type: "upload"
            }
          ]
        },
        {
          column: [
            {
              label: "工作单位",
              prop: "jjxm"
            },
            {
              label: "入职时间",
              prop: "jjdh",
              type: "date"
            },
            {
              label: "离职时间",
              prop: "jjdz",
              type: "date"
            },
            {
              label: "岗位",
              prop: "brgx",
              type: "select"
            },
            {
              label: "薪酬",
              prop: "brgx",
              type: "select"
            },
            {
              label: "证明人",
              prop: "brgx"
            },
            {
              label: "联系电话",
              prop: "brgx"
            },
            {
              label: "离职原因",
              prop: "brgx",
              type: "textarea"
            }
          ]
        },
        {
          column: [
            {
              label: "姓名",
              prop: "brgx"
            },
            {
              label: "关系",
              prop: "brgx",
              type: "select"
            },
            {
              label: "联系方式",
              prop: "brgx"
            },
            {
              label: "联系方式",
              prop: "工作单位"
            }
          ]
        }
      ]
    };
  }
};
</script>

<style>
.avue-cell {
  margin-bottom: 0;
}
</style>